<div class="shark-wrap radius">
  <img
    src="https://raw.githubusercontent.com/XboxYan/tuchuang/main/img/sdsdsd.jpg"
  />
</div>

<style>
  .shark-wrap {
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
  }
  .shark-wrap::after {
    content: "";
    position: absolute;
    inset: -20%;
    background: linear-gradient(
      45deg,
      rgba(255, 255, 255, 0) 40%,
      rgba(255, 255, 255, 0.7),
      rgba(255, 255, 255, 0) 60%
    );
    animation: shark-wrap 2s infinite;
    transform: translateX(-100%);
  }
  @keyframes shark-wrap {
    to {
      transform: translateX(100%);
    }
  }

  .radius {
    width: 150px;
    border-radius: 50%;
  }
  .radius img {
    display: block;
    width: 100%;
  }
</style>
